<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<style type="text/css">
		img{
			width: 150px;
			margin-top: 50px;
			animation: car 5s linear infinite;
		}
		img:hover{
			animation-play-state: paused;
		}

		@keyframes car{
			0%{
				transform: translate3d(0,0,0);
			}
			49%{
				transform: translate3d(1000px,0,0);
			}
			50%{
				transform: translate3d(1000px,0,0) rotateY(180deg);
			}
			99%{
				transform: translate3d(0,0,0) rotateY(180deg);
			}
		}

</style>
</head>
<body>	
		<img src="images/car.jpg">
    
</body>
</html>